<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset='utf-8'/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<title>发表</title>
	<link href="../../../build/lt-mobile-all.css" rel="stylesheet"/>
	<link href="css/comment_box.css" rel="stylesheet"/>
</head>
<body>
	<div class='panel_content'>
			<div class="popup">
					<textarea id="mytext1"  maxlength=200 onKeyUp="keyPressFun();" placeholder="请输入您的发表内容"></textarea>
					<font><label id="name">0/200</label></font>
					<ul>
						<li>
							<span name="radioBut" class="circle">
								<span class="hook"> </span>
							</span>
							匿名
						</li>
						<li> 
							<span name="radioBut" class="circle_empty"></span>
							实名
						</li>
					</ul>
					<input type="button" value="发&nbsp;表" />
				</div>
		</div>
</body>
<script src="../../../lib/js/jquery.js"></script>
<script>
	$(function (){
		$("[name='radioBut']").on('click',function(){
			var thisClassName = this.className;
			var another;
			var childrenNode = $(".circle").children();
			if('circle_empty' == thisClassName){
				another = $(".circle");
				another.children().remove();
				another.attr('class','circle_empty');
				$(this).attr('class','circle');
				$(childrenNode).prependTo(".circle");					
			}
		});
	});
	function keyPressFun() { //text输入长度处理
		var len = $("#mytext1").val().length; 
		var show = "" + len + "/200"; 
		$("#name").html(show); 
	} 
</script>
</html>